<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:ng="http://angularjs.org" id="ng-app" ng-app="ubang">
<head>
    <!--[if lte IE 8]>
    <script>
        document.createElement('ng-include');
        document.createElement('ng-pluralize');
        document.createElement('ng-view');

        // Optionally these for CSS
        document.createElement('ng:include');
        document.createElement('ng:pluralize');
        document.createElement('ng:view');
    </script>
    <![endif]-->
    <title></title>
    <meta charset="utf-8">
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <!-- 响应式设计 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="/res/plugin/jquery-ui-1.10.3.custom/css/smoothness/jquery-ui-1.10.3.custom.min.css" rel="stylesheet">
    <link href="/res/plugin/bootstrap/css/bootstrap.css" rel="stylesheet">
    <link href="/res/plugin/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
    <link href="../res/css/main.css" rel="stylesheet">
</head>
<body ng-controller="AllDocCrt">
<div ng-show="!pageData" style="padding: 20px;">
    数据加据中...
</div>
<div id="u_c_main" class="u_c_main" ng-show="pageData">
    <div class="u_title_bar">
        <span id="device_info" class="u_title">设备日志管理</span>
    </div>
    <div class="u_c_header ">
        <div class="u_c_m_h">
            <div class="pull-left">
                <form class="form-inline">
                    <label>日志查询：</label>
                    <input type="text" ng-model="word" placeholder="IMEI" style="width:120px; height: 20px;"
                           id="searchFiled">&nbsp;&nbsp;&nbsp;&nbsp;
                    <label>时间：</label>
                    <input type="text" ng-model="queryTime" placeholder="记录时间" class="datepicker"
                           style="width:100px; height: 20px;" id="timeFiled"> &nbsp;&nbsp;
                    <button class="btn u_c_btn" style="font-size: 12px;" ng-click="search()"> 查询 <i
                            class="icon-search"></i></button>
                    &nbsp;&nbsp;
                    <button class="btn u_c_btn" style="font-size: 12px;" ng-click="reset()"> 重置 <i
                            class="icon-move"></i></button>
                </form>
            </div>
        </div>
    </div>
    <table class="table table-striped table-bordered table-condensed dataListTable">
        <thead>
        <tr>
            <th class="gray" width="50px">#</th>
            <th width="150px">设备IMEI</th>
            <th width="180px">品牌型号</th>
            <th width="150px">操作系统</th>
            <th width="160px">记录时间</th>
            <th>操作信息</th>
        </tr>
        </thead>
        <tbody>
        <tr ng-repeat="item in pageData.items">
            <td class="gray">{{$index+1}}</td>
            <td>{{item.imei}}</td>
            <td>{{item.brand}} {{item.model}}</td>
            <td>{{item.os}} {{item.osVersion}}</td>
            <td>{{item.showTime}}</td>
            <td>{{item.path}}</td>
        </tr>
        <tr class="text-center" ng-show="!pageData.items.length">
            <td colspan="6" style="text-align: center"> 没有查询到数据</td>
        </tr>
        </tbody>
    </table>
    <div class="footer_bar">
        <div class="pull-left">
            第<span class="num">{{pageData.pageNo}}</span>页，
            共<span class="num">{{pageData.totalPage}}</span>页，
            共<span class="num">{{pageData.totalNum}}</span>条数据
        </div>
        <div class="pagination pull-right">
            <ul>
                <li class="{{pageData.pageObj.first}}"><a href="javascript:void(0)"
                                                          ng-click="goPage(1,pageData.pageObj.first)">&lt;&lt;</a></li>
                <li class="{{pageData.pageObj.prev}}"><a href="javascript:void(0)"
                                                         ng-click="goPage(pageData.pageNo-1,pageData.pageObj.prev)">
                    &lt;</a></li>
                <li ng-repeat="pageItem in pageData.pageObj.items" class="{{pageItem.className}}"><a
                        href="javascript:void(0)" ng-click="goPage(pageItem.index,pageItem.className)">{{pageItem.index}}</a>
                </li>
                <li class="{{pageData.pageObj.next}}"><a href="javascript:void(0)"
                                                         ng-click="goPage(pageData.pageNo+1,pageData.pageObj.next)">
                    &gt;</a></li>
                <li class="{{pageData.pageObj.end}}"><a href="javascript:void(0)"
                                                        ng-click="goPage(pageData.totalPage,pageData.pageObj.end)">&gt;&gt;</a>
                </li>
            </ul>
        </div>
    </div>
</div>
</body>
</html>
<script src="/res/plugin/jquery/jquery-1.10.1.js"></script>
<script src="/res/plugin/bootstrap/js/bootstrap.js"></script>
<script src="/res/plugin/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js"></script>
<script src="/res/plugin/angular/angular.min.js"></script>
<script src="/res/plugin/json2.js"></script>
<script src="/res/plugin/underscore/underscore-min.js"></script>
<script src="../../res/js/common.js"></script>
<script src="../res/js/i_common.js"></script>
<script src="logs.js"></script>
<script type="text/javascript">
    jQuery(function () {
        $.datepicker.regional['zh-CN'] = {
            clearText: '清除',
            clearStatus: '清除已选日期',
            closeText: '关闭',
            closeStatus: '不改变当前选择',
            prevText: '<上月',
            prevStatus: '显示上月',
            prevBigText: '<<',
            prevBigStatus: '显示上一年',
            nextText: '下月>',
            nextStatus: '显示下月',
            nextBigText: '>>',
            nextBigStatus: '显示下一年',
            currentText: '今天',
            currentStatus: '显示本月',
            monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
            monthNamesShort: ['一', '二', '三', '四', '五', '六', '七', '八', '九', '十', '十一', '十二'],
            monthStatus: '选择月份',
            yearStatus: '选择年份',
            weekHeader: '周',
            weekStatus: '年内周次',
            dayNames: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'],
            dayNamesShort: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
            dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],
            dayStatus: '设置 DD 为一周起始',
            dateStatus: '选择 m月 d日, DD',
            dateFormat: 'yy-mm-dd',
            firstDay: 1,
            initStatus: '请选择日期',
            isRTL: false
        };
        $.datepicker.setDefaults($.datepicker.regional['zh-CN']);
        $(".datepicker").datepicker({dateFormat: "yy-mm-dd", changeMonth: true, changeYear: true});
    });
</script>